<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" href="__CSS__/main.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__/bootstrap.min.css" />
    <!-- <link rel="stylesheet" type="text/css" href="__EXTEND__/static/h-ui.admin/css/H-ui.admin.css" />-->
    <![endif]-->
    <title>返佣列表</title>
</head>
<body>
<div class="contant">
<div class="row">
    <div class="content applylist">
        <div class="box">
            <h1>返佣列表</h1>
            <div class="list-block">
                <div class="row">
                <form action='{:U("Apply/index")}' class="form-inline text-right m-b-5 fr">
                    <label>用户名称:</label> <input type="text" name="user_name" placeholder="请输入名称" value={$_GET['user_name']} >
                    <label>手机号:</label> <input type="text" name="telephone" placeholder="请输入手机号" value={$_GET['telephone']} >
                    <label>录入时间:</label> <input type="date" name="create_time_beg" placeholder="请选择时间" value={$_GET['create_time_beg']}><em>~</em>
                    <input type="date" name="create_time_end" placeholder="请选择时间" value={$_GET['create_time_end']}>
                    <label>状态:</label>
                        <select name="status" class="form-control">
                        <foreach  key="k" name="statusItems" item="_tS" >
                            <if condition="$k eq $_GET['status']">
                                <option value={$k} selected>{$_tS}</option>
                            <else />
                                <option value={$k}>{$_tS}</option>
                            </if>
                        </foreach>
                        </select>
                    <button class="search" type="submit"><img src="__IMG__/search.png" alt="">查询</button>
                </form>
                </div>
                <div class="row">
                    <table class="list">
                        <tr>
                            <th>编号</th>
                             <th>申请人</th>
                             <th>身份证号</th>
                             <th>手机号</th>
                             <th>业务部门</th>
                             <th>申请时间</th>
                             <th>状态</th>
                             <th>进入当前状态时间</th>
                             <th>应返佣金</th>
                             <th>操作</th>
                        </tr>

                        <volist name="list" id="user">
                            <tr>
                                <td>{$user.entry_no}</td>
                                <td>{$user.user_name}</td>
                                <td>{$user.identity_no}</td>
                                <td>{$user.telephone}</td>
                                <td>{$user.department_name}</td>
                                <td>{$user.create_time|date='Y-m-d H:i:s', ###}</td>
                                <td>资料已归档</td>
                                <td>{$user.update_time|date='Y-m-d H:i:s', ###}</td>
                                <td>{$user.commission}</td>
                                <td><a class="btn btn-primary" href="{:U('apply/edit?user_id='.$user['id'])}">申请返佣</a>&nbsp;&nbsp;</td>
                            </tr>
                        </volist>
                    </table>
                </div>
                {$page}
            </div>
        </div>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="modifyBank" tabindex="-1" role="dialog" aria-labelledby="modifyBankLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="modifyBankLabel">更改贷款银行</h4>
      </div>
      <div class="modal-body">
        <div id="bank_select">
            <label>银行:</label>
            <select id="bank" name="loan_bank_id" class="form-control">
            <foreach  key="k" name="bankList" item="_bank" >
                <option value={$_bank.id}>{$_bank.bank_short_name}</option>
            </foreach>
            </select>
            <input type="hidden" id="user-id">
        </div>
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消修改</button>
        <button id="modify-bank" type="button" class="btn btn-primary">提交更改</button>
      </div>
    </div>
  </div>
</div>
</div>
<script type="text/javascript" src="__EXTEND__/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__EXTEND__/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__EXTEND__/lib/layer/2.4/layer.js"></script>
<script type="text/javascript">
    // 传递user-id
    $('.my-bank').click(function(){
        var userId = $(this).attr('data-id');
        $('#user-id').val(userId);
    });

    // 提交更改银行
    $('#modify-bank').click(function(){
        var userId   = $('#user-id').val();
        var bankId   = $('#bank').val();
        var bankName = $("#bank").find("option:selected").text();

        $.ajax({
           type: "POST",
           url: "__URL__/modifyBank",
           data: {
                user_id:userId,
                bank_id:bankId
            },
           success: function(msg){
                console.log(msg);
                if (msg == 1) {
                    alert('更改成功');
                    $('#mybank'+userId).html(bankName);
                    return false;
                }else{
                    msg = $.parseJSON(msg);
                    alert(msg.message);
                }
           }
        });

        $(this).attr('data-dismiss','modal');
    });
</script>
</body>
</html>